<table style="background-color: red; width: 150px; padding: 10px; border: 10px black solid">
    <tr>
        <td style="background-color: lightgray">
            <table style="margin:0.5em auto; background-color: lightcoral;">
                <tr>
                    <th style="background-color: lightblue">
                        ipsum
                    </th>
                </tr>
            </table>
        </td>
    </tr>
</table>
<div style="background-color: green; width: 150px; height: 50px"></div>
<div style="background-color: red; width: 150px">
    <table style="margin-left:auto; margin-right: auto; background-color: lightcoral; width: 50px">
        <tr>
            <th>
                ipsum
            </th>
        </tr>
    </table>
    <div style="background-color: lightsalmon; width: 50px; height: 20px; margin-left: auto; margin-right: auto"></div>
</div>
<div style="background-color: red; width: 150px">
    <table style="background-color: lightcoral; width: 50px; margin-left: auto">
        <tr>
            <th>
                ipsum
            </th>
        </tr>
    </table>
    <div style="background-color: lightsalmon; width: 50px; height: 20px; margin-left: auto"></div>
</div>
<table style="background-color: red; width: 150px; padding: 10px; border: 10px black solid">
    <tr>
        <td>
            <div style="background-color: lightsalmon; width: 50px; height: 20px; margin-left: auto; margin-right: auto"></div>
            <table style="margin:0.5em auto; background-color: lightcoral; width: 50px">
                <tr>
                    <th>
                        ipsum
                    </th>
                </tr>
            </table>
        </td>
    </tr>
</table>
